<template>
    <list-slot>
        <template v-slot:default="{item, message}">
            <i class="fas fa-check"></i>
            <span class="green">{{ item }} {{message}}</span>
        </template>
    </list-slot>
    <list-slot>
        <template #other="{item, message}">
            <i class="fas fa-check"></i>
            <span class="green">{{ item }} {{message}}</span>
        </template>
    </list-slot>
    <list-slot>
        <template v-slot:other="{item}">
            <i class="fas fa-check"></i>
            <span class="green">{{ item }}</span>
        </template>
        <template v-slot="{item}">
            <i class="fas fa-check"></i>
            <span class="green">{{ item }}</span>
        </template>
    </list-slot>
    <list-slot v-slot="{item, message}">
        <i class="fas fa-check"></i>
        <span class="green">{{ item }} {{message}}</span>
    </list-slot>
</template>

<script lang="ts">
    import {defineComponent} from 'vue'
    import ListSlot from "@/views/test/list_slot/components/ListSlot.vue";

    export default defineComponent({
        components: {
            ListSlot
        },
    })
</script>